<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>产品列表页</title>
		<link rel="stylesheet" type="text/css" href="css/pro_list.css"/>
	</head>
	<body>
		<div class="header">
			<span></span>
			<div class="input-box">
				<input type="" name="" id="" value="" placeholder="请输入关键字"/>
				<i class="icon-magnifier"></i>
				<i class="icon-microphone"></i>
			</div>
			<div class="categories"><img src="img/list_03.png"/></div>
		</div>
		<div class="main">
			<div class="filter-bar">
				<ul>
					<li class="on">综合<i class="arrow"><img src="img/icon_09.png"/></i></li>
					<li>销量</li>
					<li>价格<i class="icon"><img src="img/icon_03.png"/></i></li>
					<li>筛选<i class="icons-sift"><img src="img/icon_06.png"/></i></li>
				</ul>
			</div>
			<div class="good-list">
				<ul>
					<li>
						<div class="img">
							<a href=""><img src="img/list_07.png"/></a>
						</div>
						<div class="info">
							<p><a href="">雅耐 全自动高管感应水龙头 全铜医用感应水龙头 单冷 洗手器</a></p>
							<i class="num">已有<span>20+</span>人评价</i>
							<i class="price">￥<span>188</span>.00</i>
						</div>
						<div class="add-car">加入购物车</div>
					</li>
					<li>
						<div class="img">
							<a href=""><img src="img/list_10.png"/></a>
						</div>
						<div class="info">
							<p><a href="">凯鹰(KAIYING) 感应水龙头单冷面盆台盆洗脸盆龙头(交直流)</a></p>
							<i class="num">已有<span>26+</span>人评价</i>
							<i class="price">￥<span>288</span>.00</i>
						</div>
						<div class="add-car">加入购物车</div>
					</li>
					<li>
						<div class="img">
							<a href=""><img src="img/list_12.png"/></a>
						</div>
						<div class="info">
							<p><a href="">JOMOO九牧感应厨房龙头 触控式感应抽拉水槽洗菜盆水龙头</a></p>
							<i class="num">已有<span>16+</span>人评价</i>
							<i class="price">￥<span>1399</span>.00</i>
						</div>
						<div class="add-car">加入购物车</div>
					</li>
					<li>
						<div class="img">
							<a href=""><img src="img/list_14.png"/></a>
						</div>
						<div class="info">
							<p><a href="">感应水龙头龙头全铜感应水龙头全自动水龙头品牌 标配 感恩回馈</a></p>
							<i class="num">已有<span>30+</span>人评价</i>
							<i class="price">￥<span>399</span>.00</i>
						</div>
						<div class="add-car">加入购物车</div>
					</li>
					<li>
						<div class="img">
							<a href=""><img src="img/list_07.png"/></a>
						</div>
						<div class="info">
							<p><a href="">雅耐 全自动高管感应水龙头 全铜医用感应水龙头 单冷 洗手器</a></p>
							<i class="num">已有<span>20+</span>人评价</i>
							<i class="price">￥<span>188</span>.00</i>
						</div>
						<div class="add-car">加入购物车</div>
					</li>
				</ul>
			</div>
		</div>
		
		<!--筛选-->
		<!--<div class="filter">
			<div class="filter-con">
				<div class="service">
					<div class="tit">志荣服务</div>
					<div class="content">
						<ul>
							<li>志荣配送</li>
							<li>货到付款</li>
							<li>仅看有货</li>
						</ul>
					</div>
				</div>
				<div class="price-range">
					<div class="tit">价格区间</div>
					<div class="price-set">
						<input type="text" name="" id="" placeholder="最低价" />
						<em></em>
						<input type="text" name="" id="" placeholder="最高价" />
					</div>
				</div>
				<div class="brand">
					<div class="tit"><span>品牌</span>
						<div class="all">全部<img src="img/all_03.png" alt="" /></div>
					</div>
					<div class="content">
						<ul>
							<li>雅耐</li>
							<li>凯鹰</li>
							<li>美标</li>
						</ul>
					</div>
				</div>
				<div class="category">
					<div class="tit"><span>类别</span>
						<div class="all">全部<img src="img/all_03.png" alt="" /></div>
					</div>
					<div class="content">
						<ul>
							<li>电热龙头</li>
							<li>角阀</li>
							<li>面盆龙头</li>
						</ul>
					</div>
				</div>
				<div class="brand">
					<div class="tit"><span>品牌</span>
						<div class="all">全部<img src="img/all_03.png" alt="" /></div>
					</div>
					<div class="content">
						<ul>
							<li>雅耐</li>
							<li>凯鹰</li>
							<li>美标</li>
						</ul>
					</div>
				</div>
				<div class="open-way">
					<div class="tit"><span>开孔方式</span>
						<div class="all">全部<img src="img/all_03.png" alt="" /></div>
					</div>
					<div class="content">
						<ul>
							<li>三孔</li>
							<li>单孔</li>
							<li>双孔</li>
						</ul>
					</div>
				</div>
				<div class="material">
					<div class="tit"><span>材质</span>
						<div class="all">全部<img src="img/all_03.png" alt="" /></div>
					</div>
					<div class="content">
						<ul>
							<li>铜</li>
							<li>塑料</li>
							<li>铝合金</li>
						</ul>
					</div>
				</div>
				<div class="install-way">
					<div class="tit"><span>安装方式</span>
						<div class="all">全部<img src="img/all_03.png" alt="" /></div>
					</div>
					<div class="content">
						<ul>
							<li>入墙式</li>
							<li>坐式</li>
							<li>挂墙式</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="btn">
				<button class="reset">重置</button>
				<button class="sub">确定</button>
			</div>-->
		
		
		
		
		
		
		
		
		
		
	</body>
</html>